@import "../../style/public";
.store-details {
  .pay-xj {
    background: $pay-xj;
  }
  .pay-wx {
    background: $pay-wx;
  }
  .pay-zfb {
    background: $pay-zfb;
  }
  .pay-vip {
    background: $pay-vip;
  }
  .pay-ysf {
    background: $pay-ysf;
  }
  .pay-yl {
    background: $pay-yl;
  }
  .reject-reason {
    background: #fdfcec;
    @include remCalc(font-size, 24);
    @include remCalc(padding, 14, 30);
    color: #f87c36;
  }
  .head-info {
    background: #fff;
    @include remCalc(padding, 60, 30);
    display: flex;
    .left{
      img{
        display: block;
        @include remCalc(width, 178);
        @include remCalc(border-radius, 8);
        height:auto;
      }
    }
    .right{
      @include remCalc(margin-left, 20);
      flex:1;
      .store-name {
        @include remCalc(font-size, 36);
        color: #333;
        @include remCalc(padding, 0, 0, 20, 0);
      }
      .dish-type {
        color: #999;
        @include remCalc(font-size, 32);
      }
    }
    
  }
  .red {
    color: #f64b5b !important;
  }
  .img-scroll {
    @include thin-border(true, false);
    @include remCalc(padding, 0, 30);
    background: #fff;
    .store-img-list {
      display: flex;
      overflow-x: auto;
      li {
        @include remCalc(padding, 36, 0);
        @include remCalc(margin-left, 40);
        &:first-child {
          margin-left: 0;
        }
        img {
          @include remCalc(width, 128);
          @include remCalc(height, 128);
        }
      }
    }
    .nodata{
      @include remCalc(font-size, 24);
      color: #999;
      @include remCalc(padding, 20, 0);
    }
  }

  .title-bar {
    box-sizing: border-box;
    @include remCalc(padding, 0, 30);
    @include remCalc(height, 68);
    @include remCalc(line-height, 68);
    @include remCalc(font-size, 24);
    color: #999;
  }
  .detail-info {
    background: #fff;
    @include thin-border(true, false);
    @include remCalc(padding, 10, 0);

    li {
      display: flex;
      @include remCalc(padding, 10, 30);
      span {
        @include remCalc(font-size, 32);
        color: #999;
        @include remCalc(width, 240);
      }
      div {
        &.red{
          color: #EE3A31;
        }
        &.green{
          color: #1EC36B;
        }
        &.grey{
          color:#999;
        }
        @include remCalc(font-size, 32);
        color: #333;
        flex: 1;
        word-break: break-all;
        text-align: right;
        img {
          display: inline-block;
          width: auto;
          @include remCalc(height, 60);
          @include remCalc(margin-left, 20);
        }
      }
    }
  }
}
.pay-way {
  @include thin-border(true, false);
  .pay-way-list {
    background: #fff;
    @include remCalc(padding, 30, 0);
    display: flex;
    text-align: center;
    @include remCalc(margin, 0,0,20,0);
    > li {
      flex: 1;
      &.unopen {
        .top {
          background: #e5e5e5;
        }
      }
      .top {
        @include remCalc(width, 90);
        @include remCalc(height, 90);
        @include remCalc(line-height, 90);
        border-radius: 50%;
        margin: 0 auto;
        color: #fff;
        @include remCalc(font-size, 80);
      }
      .bottom {
        @include remCalc(margin-top, 5);
        @include remCalc(font-size, 26);
        @include remCalc(line-height, 42);
        color: #333;
      }
    }
  }
}
.kb-info {
  @include remCalc(margin-bottom, 30);
}
